/**
 * 学习目标：列表渲染-  数组渲染
 * 本质: 借助数组的map方法, 生成一个新的数
 * 注意:
 *  1. 一定要加key
 *  2. key的值要求唯一
 */

import React from 'react';
import ReactDOM from 'react-dom';

const list = ['温柔', '倔强', '私奔到月球'];
// key的值要求唯一, 类似v-for的key
const list2 = list.map((item) => <li key={item}>{item}</li>);

const divNode = (
  <div>
    <ul>{list2}</ul>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
